/* pages/cate/index.wxss */
page{

}
.side-bar-wrapper {
    display: flex;
    height: 100vh;
  }
  
  .side-bar-wrapper .content {
    flex: 1;
  }
  
  .side-bar-wrapper .section {
    padding: 32rpx 0;
  }
  
  .side-bar-wrapper .title {
    padding-left: 40rpx;
    margin-bottom: 8rpx;
    line-height: 52rpx;
  }
  
  .side-bar-wrapper .image {
    width: 96rpx;
    height: 96rpx;
  }
  .body{
      padding:20rpx;
      
  }
  .body_content{
    width:100%;
    display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }
  .body_item{
      width:48%;
      display: flex;
      flex-direction: column;
      font-size: 30rpx;
      margin-bottom: 20rpx;
  }
  .body_item_pic{
      width:98%;
      height:200rpx;
      border:1px solid #f0f0f0;
  }
  .body_item_pic image{
      width:100%;
      height:100%;
  }
  .body_item_title{
      padding-top:15rpx;
      color: #8b8b8b;
  }





  /*底部*/
.foot{
    width:100%;
    padding:20rpx 0;
    background: white;
    border-top:1px solid #f7f7f7;
    position: fixed;
    left: 0;
    bottom:0;
    z-index:1000;
  }
  .foot_body{
    display: flex;
  }
  .foot_item{
    width:25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color:#8b8b8b;
  }
  .foot_item image{
    width:50rpx;
    height:50rpx;
  }
  .foot_item text{
    font-size: 30rpx;
    margin-top:10rpx;
  }
  .active{
    color:#ff7901;
  }